<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %>
<%@ Import Namespace="Vmago.Models.DBML" %>
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAQjeWVo6uMCt1ZTLqH9qYVhRtNoRRJC4nGUYHwUlZOhcKpFcC5hTEtpuOTMSWD8qT7EMvf87Fc1m0ag"
    type="text/javascript"></script>

<script type="text/javascript">

    var _GM_Map;
    
    function _Private_Map(strCanvasID, numLat, numLng, numScale){    
        _GM_Map = new GMap2(document.getElementById(strCanvasID));
        _GM_Map.addControl(new GLargeMapControl());
        _GM_Map.addControl(new GMapTypeControl());
        _GM_Map.enableDoubleClickZoom();
        _GM_Map.continuousZoomEnabled();
        _GM_Map.setCenter(new GLatLng(numLat, numLng), numScale);
    }

    function _Private_GetIcon(strIconPath){
        var icon = new GIcon();
        icon.image = "../../Content/img/shopType/info.gif";
        icon.iconAnchor = new GPoint(16, 16);
        icon.infoWindowAnchor = new GPoint(16, 0);
        icon.iconSize = new GSize(16, 16);
        return icon;
    }

    function _Private_SetTag(numLat, numLng, strIconPath, strHtml, numScale) {
        _Private_Map("map_canvas", numLat, numLng, numScale);
        var oMarker = new GMarker(new GLatLng(numLat, numLng), { icon: _Private_GetIcon(strIconPath) });
        GEvent.addListener(oMarker, "click", function() { _GM_Map.openInfoWindowHtml(new GLatLng(numLat, numLng), strHtml); });
        _GM_Map.addOverlay(oMarker);
        GEvent.trigger(oMarker, "click");
    }

    window.onload = function() {
    
        _Private_Map("map_canvas", 35.442425, 139.646286, 13)
    }
        
</script>
<img src="../../Content/img/rec/Topic1.jpg" />
<div id="map_canvas" style="width: 669px; height: 540px">
</div>
